<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>

<![endif]-->
  <link rel="stylesheet" type="text/css" href="__HUI__/css/H-ui.min.css" />
  <link rel="stylesheet" type="text/css" href="__HUIADMIN__/css/H-ui.admin.css" />
  <link rel="stylesheet" type="text/css" href="__HUILIB__/Hui-iconfont/1.0.8/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="__HUIADMIN__/css/style.css" />
  <link rel="stylesheet" href="__HUILIB__/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">


  <title>添加产品分类</title>
</head>

<body>
  <div class="pos-a" style="width:200px;left:0;top:0; bottom:0; height:100%; border-right:1px solid #e5e5e5; background-color:#f5f5f5; overflow:auto;">
    <ul id="treeDemo" class="ztree"></ul>
  </div>
  <div style="margin-left:200px;">
    <div class="page-container">
      <form action="" method="post" class="form form-horizontal" id="form-user-add">
        <div class="row cl">
          <label class="form-label col-xs-4 col-sm-2">
          <span class="c-red">*</span>
          上级名称：</label>
          <div class="formControls col-xs-6 col-sm-6">
            <input type="text" class="input-text " value="{$privilegeData.parentname}" placeholder="" id="parentIdShow" name="parentIdShow">
            <input type="hidden" value="{$privilegeData.parentid}" id="parentId" name="parentid">
          </div>
        </div>
        <div class="row cl">
          <label class="form-label col-xs-4 col-sm-2">
          <span class="c-red">*</span>
          权限名称：</label>
          <div class="formControls col-xs-6 col-sm-6">
            <input type="text" class="input-text" value="{$privilegeData.pname}" placeholder="" id="pName" name="pname">
            <input type="hidden" name="pid" value="{$privilegeData.pid}"/>
          </div>
        </div>
        <div class="row cl">
          <label class="form-label col-xs-4 col-sm-2">
          <span class="c-red">*</span>
          模块名称：</label>
          <div class="formControls col-xs-6 col-sm-6">
            <input type="text" class="input-text" value="{$privilegeData.mname}" placeholder="" id="mName" name="mname">
          </div>
        </div>
        <div class="row cl">
          <label class="form-label col-xs-4 col-sm-2">
          <span class="c-red">*</span>
          控制器名称：</label>
          <div class="formControls col-xs-6 col-sm-6">
            <input type="text" class="input-text" value="{$privilegeData.cname}" placeholder="" id="cName" name="cname">
          </div>
        </div>
        <div class="row cl">
          <label class="form-label col-xs-4 col-sm-2">
          <span class="c-red">*</span>
          方法名称：</label>
          <div class="formControls col-xs-6 col-sm-6">
            <input type="text" class="input-text" value="{$privilegeData.aname}" placeholder="" id="aName" name="aname">
          </div>
        </div>
        <div class="row cl">
          <div class="col-9 col-offset-2">
            <input class="btn btn-primary radius" id="dataSubmit" type="submit" onClick="ajaxAdd()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
          </div>
        </div>
      </form>
    </div>
  </div>

  <!--_footer 作为公共模版分离出去-->
  <script type="text/javascript" src="__HUILIB__/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="__HUILIB__/layer/2.4/layer.js"></script>
  <script type="text/javascript" src="__HUI__/js/H-ui.min.js"></script>
  <script type="text/javascript" src="__HUIADMIN__/js/H-ui.admin.js"></script>
  <!--/_footer 作为公共模版分离出去-->

  <!--请在下方写此页面业务相关的脚本-->
  <script type="text/javascript" src="__HUILIB__/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  <script type="text/javascript" src="__HUILIB__/jquery.validation/1.14.0/jquery.validate.js"></script>
  <script type="text/javascript" src="__HUILIB__/jquery.validation/1.14.0/validate-methods.js"></script>
  <script type="text/javascript" src="__HUILIB__/jquery.validation/1.14.0/messages_zh.js"></script>
  <script type="text/javascript">
  var setting = {
  	view: {
  		dblClickExpand: false,
  		showLine: false,
  		selectedMulti: false,

 	},
  	edit:{
  		drag:{
  			isMove:true,
  			inner:true,
  		},
  	},
  	data: {
  		simpleData: {
  			enable:true,
  			idKey: "id",
  			pIdKey: "pId",
  			rootPId: ""
  		}
  	},
  	callback: {
  		 beforeClick: function(treeId, treeNode) {
  		 	var pId=document.getElementById("parentId").value=treeNode.id;
             var pIdShow=document.getElementById("parentIdShow").value=treeNode.name;


  		 },


  	}
  };


  var zNodes=[{id:0,pId:-1,name:'顶级权限',open:true}];

  var code;

  function showCode(str) {
  	if (!code) code = $("#code");
  	code.empty();
  	code.append("<li>"+str+"</li>");
  }

  $(document).ready(function(){

   // console.log(zNodes);
 			$.ajax({
 				type:'post',
 				url:'<?php echo url('admin/Privilege/permissionTypeList');?>',
 				dataType:'json',
 				async:false,
  				success:function(data){

 					data=eval(data);

 					data.forEach(function(arg,index){

 						if(arg['parentid']===0&&!arg.isFor){
 							zNodes.push({id:arg['pid'],pId:arg['parentid'],name:arg['pname'],open:true});
 							arg.isFor=true;
 						}

 						 var parentId=arg['pid'];
 						 	function searchChild(parentId){

  						 		data.forEach(function(arg1,index1){
  								if(parentId===arg1['parentid']&&!arg1.isFor){

 											arg1.isFor=true;

  						 				zNodes.push({id:arg1['pid'],pId:arg1['parentid'],name:arg1['pname']});


 										searchChild(arg1['pid']);

  									}

  						 		})
  						 	}
  					 	 	searchChild(parentId);
  				 			})

  					},
 				error:function(data){
  					layer.msg(data,{icon: 5,time:1000});
  				}
  			});

  	var t = $("#treeDemo");
  	 t = $.fn.zTree.init(t, setting, zNodes);

  	/*demoIframe = $("#testIframe");
 	var zTree = $.fn.zTree.getZTreeObj("tree");*/
  });

    function sub() {
      return false;
    }
    $("#dataSubmit").click(function(event) {
      event = event || window.event;
      event.preventDefault();
      return false;
    });

    function ajaxAdd() {
      $.ajax({
     		type:'post',
     		url:'<?php echo url('admin/privilege/permissionEdit');?>',
      		dataType:'json',
      		data: $("#form-user-add").serialize(),
      		success:function(data){
          

            parent.layer.msg(data,{icon: 1,time:1000});


      		},
      		error:function(data){
      			parent.layer.msg(data,{icon: 5,time:1000});
      		}
      		})
    }
  </script>
</body>

</html>
